<apes-card [apesTitle]="'待处理提示'" class="apes-data-driven" [apesExtra]="extraTemplate">

  <!--驱动列表-->
  <div apes-row>
    <div apes-col [apesSpan]="24" class="apes-data-driven-list">
      <ng-container *ngIf="dataList.length >0 && !isLoading">
        <div *ngFor="let list of dataList">
          <div apes-col [apesSpan]="list.span?list.span: 6">
            <div class="data-driven-list-main">
              <div class="data-driven-list-title">{{list.title}}</div>
              <div class="data-driven-list-detail">

                <div *ngFor="let item of list['list']" class="data-driven-list-item" (click)="checkList(list,item)">
                  <div>
                    {{item['LEFTTEXT']}}
                  </div>
                  <div>
                    {{item['RIGHTTEXT']}}
                  </div>
                </div>

              </div>
            </div>
          </div>
        </div>
      </ng-container>
      <ng-container *ngIf="dataList.length  == 0 && !isLoading">
        <apes-empty style="text-align: center"></apes-empty>
      </ng-container>
      <ng-container *ngIf="isLoading">
        <apes-spin apesSimple style="text-align: center;margin: 20px;"></apes-spin>
      </ng-container>
    </div>
  </div>

</apes-card>
<ng-template #extraTemplate>
  <div class="apes-data-driven-refresh">
    <i apes-icon apesType="sync" (click)="getDataList()"></i>
  </div>
</ng-template>
